<extend name="Base/common" />
<block name="header">
</block>
<block name="body">
    <!-- <body data-spy="scroll" data-target="#myScrollspy"> -->
    	<style type="text/css">
    		<?php if($php_mobile&&strtolower(ACTION_NAME)=='recruit_detail'): ?>
    		@media screen and ( max-width: 767px ){
    			.recruit-detail .right-block .title{position: static;}
    		}
    		<?php else: ?>
    		@media screen and ( max-width: 767px ){
    			.recruit-detail .right-block .title{top: -30px;}
    			/*.pc_judge{margin: 28px 0;}*/
    			.recruit-detail .right-block button{margin-top: 8px;}
    		}
    		@media screen and ( min-width: 767px ){
    			.recruit-detail .right-block .title{top: 0px;}
    			.recruit-detail .right-block button{margin-top: 1px;}
    			/*.pc_judge{margin: 28px 0;}*/
    		}
    		<?php endif; ?>
    	</style>
	    <div class="recruit-detail">
			<?php if(!$recruit_mobile): ?>
			<div class="detail-banner">
	            <img class="img-responsive" src="__PUBLIC__/static/img/recruit_banner.png" alt="">
	        </div>
			<?php endif ?>
	        <div class="container">
	            <div class="row">
	                <?php if(!$php_mobile||$recruit_mobile): ?><include file="detail" /><?php endif ?>
					<?php if(!$recruit_mobile): ?>
					<div class="col-sm-3 right-block " id="myScrollspy">
	                <h2 class="title" <?php if($php_mobile): ?>style="position:relative;top:0;left:0;z-index:9;"<?php endif; ?>>招聘岗位</h2>
	                   <div class="title-logo" <?php if($php_mobile): ?>style="position:absolute;top:-35px;left:24px;z-index:0;"<?php endif; ?>><img class="img-responsive" src="__PUBLIC__/static/img/detail_title_logo.png" alt=""></div>
	                    <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
	                        <volist name="detail" id="main">
								<?php if($main['info']): ?>
	                            <div class="panel mt1">
	                                <div role="tab">
	                                    <button data-toggle="collapse" href="#{$main.id}"">
	                                        <div class="imgwrap"><img class="w100 h100" src="__ROOT__{$main.img.path}"></div><span class="category_title fw200">{$main.type}</span>
	                                    </button>
	                                </div>
	                                <div id="{$main.id}" class="panel-collapse collapse <?php if($_GET['id']==$main['id']): ?>in<?php endif ?>">
	                                    <div class="panel-body">
	                                        <ul class="">
	                                        	<volist name="main.info" id="position">
	                                            	<li style="line-height: 32px;"><a href="{:U('recruit/recruit_detail',array('id'=>$position['recruit_id'],'position'=>$position['id'],'recruit_mobile'=>$is_mobile?'true':null))}" class="<?php if($_GET['position']==$position['id']): ?>recruitC<?php endif ?> fw200">{$position.position}({$position.num}人)</a></li>
												</volist>
	                                        </ul>
	                                    </div>
	                                </div>
	                            </div>
								<?php endif; ?>
	                        </volist>
	                    </div>
	                </div>
					<?php endif ?>
	            </div>
	        </div>
		</div>
	    </div>
    <!-- </body> -->
</block>
<block name="script">
    <script type="text/javascript">
    $(document).ready(function() {
     $('.back-style').click(function () {
     	history.back();
     });
     $(".recruit-detail").css("min-height", $(window).height() -$('.footer').height());
    });
    </script>
</block>
